<style>
.title-text {
	font-weight:bold;
	font-size:16px;
}
</style>
<script language='javascript' type='text/javascript' src="<?=base_url('page2')?>scripts/page2.js"></script>
<?php echo form_open($this->page2_detail_model->url_prefix); ?>
<?if($msg){?><center><div class="messageBox"><?=$msg?></div></center><?}?>
<table border="0" cellspacing="0" cellpadding="0" class="infoTable">
  <tr>
    <td id='infoStr'>Title *:</td>
    <td id='infoInput' align='left'><input name="title" id="title" type="text" value="<?=h($title)?>" size="50" /></td>
  </tr>
  <tr>
    <td id='infoStr'>Blocks:</td>
    <td id='infoInput' align='left'>
	
<table border="1" cellpadding="5" cellspacing="10" width="90%">
<tbody>
<tr align="center" valign="middle"> 
	<td colspan="3" align="center" valign="top"> 
	  <table cellpadding="3" cellspacing="3" width="" height="20">
	  <tbody><tr align="center" valign="middle"> 
		<td class="menu" nowrap="nowrap"><span class="title-text">Bg Colour</span> 
		</td>
		<td class="menu" nowrap="nowrap"><?=Modules::run('page2_css.page2_css.dropdown')?></td>
	  </tr>
	  </tbody></table>
	</td>
</tr>
<tr class="title-text" align="center" valign="middle"> 
	<td align="center" valign="top" width="30%">
	  <table border="1" cellpadding="10" cellspacing="10" width="100%">
	  <tbody><tr> 
		<td class="title-text" align="center">Column 1 
			<a href="javascript:page2.addBlock({start}, {item_id}, 1)"><img src="<?=base_url('page2')?>/images/29.png" border="0" /></a><?php if($limit1) { ?>
			<a href="javascript:page2.removeBlock({start}, {item_id}, 1)"><img src="<?=base_url('page2')?>/images/30.png" border="0" /></a><?php } ?>
		</td>
	  </tr>
	  {row1}
	  <tr{bg}> 
		<td align="center">{block_dropdown}</td>
	  </tr>
	  {/row1}
	  </tbody>
	  </table>
	</td>
	<td align="center" valign="top" width="40%">
	  <table border="1" cellpadding="10" cellspacing="10" width="100%">
	  <tbody><tr> 
		<td class="title-text" align="center">Column 2
			<a href="javascript:page2.addBlock({start}, {item_id}, 2)"><img src="<?=base_url('page2')?>/images/29.png" border="0" /></a><?php if($limit2) { ?>
			<a href="javascript:page2.removeBlock({start}, {item_id}, 2)"><img src="<?=base_url('page2')?>/images/30.png" border="0" /></a><?php } ?>
		</td>
	  </tr>
	  {row2}
	  <tr{bg}> 
		<td align="center">{block_dropdown}</td>
	  </tr>
	  {/row2}
	  </tbody>
	  </table>
	</td>
  <td valign="top" width="30%">
	  <table border="1" cellpadding="10" cellspacing="10" width="100%">
	  <tbody><tr> 
		<td class="title-text" align="center">Column 3
			<a href="javascript:page2.addBlock({start}, {item_id}, 3)"><img src="<?=base_url('page2')?>/images/29.png" border="0" /></a><?php if($limit3) { ?>
			<a href="javascript:page2.removeBlock({start}, {item_id}, 3)"><img src="<?=base_url('page2')?>/images/30.png" border="0" /></a><?php } ?>
		</td>
	  </tr>
	  {row3}
	  <tr{bg}> 
		<td align="center">{block_dropdown}</td>
	  </tr>
	  {/row3}
	  </tbody></table>
  </td>
</tr>
</tbody>
</table>	
	
	</td>
  </tr>
  <tr>
    <td id='infoStr'>&nbsp;</td>
    <td id='infoInput' align='left'>
        <input type="button" value="Save" class="save_button" style="cursor:pointer" onclick="return page2.saveItem({start}, {item_id})" />&nbsp;
        <input type="button" value="Cancel" class="cancel_button" style="cursor:pointer" onclick="page2.cancel({start})" />
    </td>
  </tr>
</table>
</form>
